.my-dialog {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  &__mark {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0.5);
  }

  &__container {
    width: 500px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
  }
}
